import React, { Component } from 'react'

// state它是在类组件中定义数据的
// 此成员属性直接修改它是不会通知视图更新，而是要通过指定的方法 this.setState来完成修改数据才能更新视图
// state定义时为一个对象
// state它里面定义的数据没有进行代理，所以在获取时要通过正常的成员属性方式来获取  this.state.xx
// 更新视图的方法
//  + this.forceUpdate  强制更新，不会进行diff比对
//  + this.setState     先比对新旧节点中的数据和属性然后进行是否要更新

class App extends Component {
  // constructor(props) {
  //   super(props);
  //   this.state = {}
  // }

  // 推荐
  state = {
    count: 100
  }

  // 成员方法中通过 this.state.count来获取所需要的属性数据
  render() {
    const { count } = this.state
    return (
      <div>
        {/* <h3>count:{this.state.count}</h3> */}
        <h3>count:{count}</h3>
      </div>
    )
  }
}

export default App
